<!--
 * @Description  : 
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2022-03-25 14:10:23
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-03-25 15:59:00
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\modal\\audit\\appeal\\appeal.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<nz-spin *ngIf="!i" class="modal-spin"></nz-spin>
<div nz-row>
  <sv-container col="1">
    <sv label="申诉结果">
      {{ dataList?.representationsStatusLabel }}
    </sv>
    <sv label="异常原因">
      <div *ngFor="let item of dataList?.billComplianceVOS; let id=index;">
          <div>
            {{ item?.complianceName }}
          </div>
      </div>
    </sv>
    <sv label="申诉原因">
      {{ dataList?.representationsCause }}
    </sv>
    <sv label="申诉描述">
      {{ dataList?.representationsDescribe }}
    </sv>
    <sv label="凭证">
      <div >
        <app-imagelist
          [imgList]="[
            dataList?.representationFirstFilePath ? dataList?.representationFirstFilePath : '',
            dataList?.representationSecondFilePath,
            dataList?.representationThirdFilePath,
            dataList?.representationFourthFilePath,
            dataList?.representationFifthFilePath
          ]"
        >
        </app-imagelist>
      </div>
    </sv>
  </sv-container>
</div>
<div class="modal-footer">
  <button nz-button type="button" (click)="close()">关闭</button>
</div>
